<template>
  <div>
    <!-- 组件传值
      获取组件实例：
          ref:组件层面 ，可通过ref获取组件实例对象
               父获取子实例用ref:this.$refs.ref的值
          $parent:子获取父实例(它是找自己最近的父级)
          $children:找出自己全部子组件实例
          $root:找出根组件实例
      父子组件传值
         props与emit
         v-model与.sync
      兄弟组件传值
         EventBus
         1:Vue.prototype.$bus=new Vue()
         2:监听：this.$bus.$on('事件名',(参数)=>{...})
         3:触发: this.$bus.$emit('事件名',实参)
         4:销毁：this.$bus.$off('事件名')

    -->
    <h1>获取组件实例</h1>
    <button @click="btnClick">获取hmson实例</button>
    <button @click="btnClick2">获取所有子组件实例</button>
    <button @click="btnClick3">获取根组件实例</button>
    <el-card>
      <div>
        <HmSon />
      </div>
    </el-card>
  </div>
</template>
<script>
import HmSon from './components/HmSon.vue'
export default {
  components: {
    HmSon
  },
  data() {
    return {
      msg: '我是父组件'
    }
  },
  methods: {
    btnClick() {
      console.log(this.$refs.hmson.num)
    },
    btnClick2() {
      console.log(this.$children)
    },
    btnClick3() {
      console.log(this.$root)
    }
  }
}
</script>
<style></style>
>
